<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test01</title>
    <script src="https://unpkg.com/vue/dist/vue.js" type="text/javascript"></script>
</head>
<body>

<div id="app">
    <!--    文本-->
    <!--        <input v-model="message">-->
    <!--    <br/>-->

    <!--    多行文本-->
    <!--        <textarea v-model="message"></textarea>-->
    <!--    <br/>-->

    <!--    复选框-->
    <!--        <input type="checkbox" v-model="message">-->
    <!--        <input type="checkbox" v-model="message" value="c01">c01-->
    <!--        <input type="checkbox" v-model="message" value="c02">c02-->
    <!--        <input type="checkbox" v-model="message" value="c03">c03-->

    <!--    单选按钮-->
    <!--        <input type="radio" v-model="message" value="c01">c01-->
    <!--        <input type="radio" v-model="message" value="c02">c02-->
    <!--        <input type="radio" v-model="message" value="c03">c03-->

    <!--    选择框-->
    <!--    <select v-model="message">-->
    <select multiple v-model="message">
        <option value="a">A</option>
        <option value="b">B</option>
        <option value="c">C</option>
    </select>

    <p style="white-space: pre-line;">Message is: {{ message }}</p>


</div>

<script>
    let vm = new Vue({
        el: '#app',
        data: {
            // message: '',
            message: [],
        },
        methods: {}
    });

</script>

</body>
</html>